<template>
  <div class="listbox">
    <ohead title="账号与安全"></ohead>
    <div class="box">
      <setlist title="实名认证" text="未认证"></setlist>
      <setlist title="手机号码修改" text="修改"></setlist>
      <setlist title="支付密码修改" text="去设置"></setlist>
      <setlist title="支付密码设置" text="修改"></setlist>
      <setlist title="支付绑定" text="未绑定"></setlist>
    </div>
    <span class="sspan" @click="show"></span>
    <span class="ssspan" @click="phone"></span>
    <span class="s" @click="pwdshow"></span>
  </div>
</template>

<script>
import ohead from "../../Shop/order/orderhead";
import setlist from "./setlist";
export default {
  components: { ohead, setlist },
  methods: {
    show() {
      this.$router.push("/shezhi");
    },
    phone() {
      this.$router.push("/phone");
    },
    pwdshow() {
      this.$router.push("/pwd");
    },
  },
};
</script>

<style lang="less" scoped>
.listbox {
  background-color: #f2f2f2;
  width: 100vw;
  height: 100vh;
  .box {
    margin-top: 20px;
  }
  .sspan {
    position: fixed;
    width: 60px;
    height: 60px;
    left: 0;
    top: 0;
    z-index: 99;
  }
  .ssspan {
    position: fixed;
    top: 210px;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 99;
  }
  .s {
    position: fixed;
    top: 400px;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 99;
  }
}
</style>